$(document).ready(function() {
    // 检查本地存储中是否有 token 和 nickname
    const token = localStorage.getItem('token');
    const nickname = localStorage.getItem('nickname');
  console.log(token);
    if (token && nickname) {
      // 显示登录状态
      $('.header .off').removeClass('active');
      $('.header .on').addClass('active');
      $('.nickname').text(nickname);
  
      // 获取轮播图列表
      $.ajax({
        url: 'http://localhost:9000/carousel/list',
        type: 'GET',
        headers: {
          'Authorization': `${token}`
        },
        success: function(response) {
          if (response.code === 1) {
            const carouselItems = response.list.map(item => {
              return `<div><img src="http://localhost:9000/${item.name}" alt="${item.name}"></div>`;
            }).join('');
            $('#carousel > div').html(carouselItems);
            
            // 渲染轮播图
            layui.carousel.render({
              elem: '#carousel', // 选择器
              width: '1200px', //设置容器宽度
              height: '600px',
              arrow: 'hover',
              anim: 'fade' //切换动画方式
            });
          } else {
            alert('获取轮播图列表失败！');
          }
        },
        error: function() {
          alert('服务器错误，请稍后再试！');
        }
      });
  
      // 退出登录
      $('.logout').on('click', function() {
        localStorage.removeItem('token');
        localStorage.removeItem('userId');
        localStorage.removeItem('nickname');
        window.location.href = 'login.html';
      });
  
      $('.self').on('click', function() {
        window.location.href = 'self.html';
      });
    } else {
      // 如果没有 token 或 nickname，则显示未登录状态
      $('.header .off').addClass('active');
      $('.header .on').removeClass('active');
    }
  
    // 购买商品按钮跳转
    $('.list a').on('click', function(event) {
      event.preventDefault();
      window.location.href = 'list.html';
    });
  });
  